/******index-header******/
.index-header{
	position:relative;
	}
.index-header .header-bg{
	height:353px;
	background-color:#2f2fc7;
	background:url('../images/index-headerbg.png') no-repeat;
	}
.index-header .header-bg .hd-bgr{
	width:100%;
	height:353px;
	filter:alpha(opacity = 70);
	background-image: -webkit-linear-gradient(rgba(0,0,240,0.8),rgba(77,211,223,0.8)); /* Safari 5.1 - 6.0 */
	background-image: -o-linear-gradient(rgba(0,0,240,0.8),rgba(77,211,223,0.8)); /* Opera 11.1 - 12.0 */
	background-image: -moz-linear-gradient(rgba(0,0,240,0.8), rgba(77,211,223,0.8)); /* Firefox 3.6 - 15 */
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr:#ff322ec0,endColorstr:#bf43b9ed);/*IE6以上*/
	background-image: linear-gradient(rgba(0,0,240,0.8),rgba(77,211,223,0.8)); /* 标准的语法 */
	}
.index-header .index-container .header-content{
	width:678px;
	height:144px;  
	}
.index-header .index-container .header-content{
	position:absolute;
	top:0;bottom:0;
	right:0;left:0;
	margin:auto;
	text-align:center;
	border:1px dotted #fff;
	}
.index-container .header-content a{
	 display:inline-block;
	 margin:34px 0px 8px 0px;
	 color:#fff;
	 }
.index-container .header-content a span{
	border-bottom:2px solid #fff;
	}
.header-content a span:hover{
	border-bottom:2px solid #f60;
	}
.index-container .header-content p{
	font-size:26px;
	letter-spacing:1px;
	color:#fff;
	}
/******End index-header******/

/******index-body******/
     /****main****/
.index-body  .main{
	position:relative;
	height:92px;
	}
.main .index-container .main-logo{
	position:absolute;
	display:inline-block;
	left:0;
	right:0;
	margin:-60px auto;
	width:152px;
	height:152px;
	background:url("../images/body-logo.png");
	} 
.index-container .main-nav .body-nav{
	float:left;
	font-size:0px;
	margin:22px 20px 0 0;
	letter-spacing:0px;
	}
.index-container .body-nav a{
	font-size:14px;
	line-height:22px;
	padding:0 16px;
	}
.index-container .body-nav a:hover{
	display:block;
	margin-top:0px;
	padding:0px 15px;
	border:1px solid #30a9bc;
	box-shadow:0px 1px 2px #30a9bc;
	}
.index-container .main-nav .nav{
	margin-left:240px;
	}
/****   End main   ****/

/****body-colmn-one****/
.index-body .body-colmn-one{
	margin-top:80px;
	text-align:center;
	}
 .body-colmn-one .index-container .intorducemyself-one{
	margin-top:-12px;
	}
.body-colmn-one .index-container .intorducemyself-two{
	margin-top:14px;
	}
.body-colmn-one .index-container .communication-list{
 	width:45%;
	margin:44px auto;
	background:#000;
	}
.index-container .communication-list li{
	float:left;
	margin-left:14px;
	}
.communication-list .every .talk{
	width:41px;
	height:41px;
	background:url("../images/communication-bg.png") no-repeat;
	}
.communication-list .every .talk:hover{
	box-shadow:0 0 10px #f60;
	}
/****End body-colmn-one****/

/****  body-colmn-two  ****/
.index-body .body-colmn-two .two-content-title{
	position:relative;
	margin-top:100px;
	height:62px;
	background:#45b9b8;
	}
.body-colmn-two .two-content-title .index-container a{
	display:inline-block;
	height:32px;
	margin-top:14px;
	font-size:24px;
	color:#fff;
	}
.body-colmn-two .content-bg {
	min-width:1012px;
	background:url("../images/content-bg.png") no-repeat;
	}
.body-colmn-two .content-bg .content-myskil{
	margin:70px 0px 78px 44px;
	padding:20px 0px 0px 20px;
	width:254px;
	height:350px;
	float:left;
	text-align:left;
	background:#fff;
	}
.content-bg .content-myskil .little-icon:before{
	display:block;
	content:'';
	width:78px;
	height:70px;
	background:url("../images/little-icon.png");
	}
.content-bg .content-myskil .icon-1:before{
	background-position:-10px 0px;
	}
.content-bg .content-myskil .icon-2:before{
	background-position:-88px 0px;
	}
.content-bg .content-myskil .icon-3:before{
	background-position:94px 0px;
	}
.content-bg .content-myskil h5,.content-bg .content-myskil p{
	margin-top:24px;
	padding-right:4px;
	}
.content-bg .content-myskil h5{
	color:#3cb9d0;
	}
.content-bg .content-myskil h5 a{
	display:inline-block;
	color:#3cb9d0;
	}
.content-bg .content-myskil h5 a:hover{
	text-shadow:0 1px 2px #ccc;
	color:#f60;
	}
.content-bg .content-myskil h5 a:after{
	display:block;
	content:'';
	width:60px;
	margin-top:2px;
	border-bottom:2px solid #3cb9d0;
	}
.content-bg .content-myskil h5 a:hover:after{
	box-shadow:0 1px 2px #ccc;
	border-bottom:2px solid #f60;
	}
.content-bg .content-myskil p{
	font-size:13px;
	line-height:2em;
	}
/****End body-colmn-two****/

/**** body-colmn-three****/
.body-colmn-three{
	position:relative;
	}
.body-colmn-three .title-bg{
	height:304px;
	background-color:#2b36c7;
	background-image:url('../images/title-img.png');
	opacity:1;
	filter:alpha(opacity=100);
	}
.body-colmn-three .title-bg .bgr{
	width:100%;
	height:304px;
	background-image: -webkit-linear-gradient(rgba(48,58,216,0.7),rgba(61,189,208,0.5)); /* Safari 5.1 - 6.0 */
	background-image: -o-linear-gradient(rgba(48,58,216,0.7),rgba(61,189,208,0.5)); /* Opera 11.1 - 12.0 */
	background-image: -moz-linear-gradient(rgba(48,58,216,0.7), rgba(61,189,208,0.5)); /* Firefox 3.6 - 15 */
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr:#ff363ead,endColorstr:#6f3a90a2);
	background-image: linear-gradient(rgba(48,58,216,0.7),rgba(61,189,208,0.5)); /* 标准的语法 */
	}
.index-container .third-content-title{
	position:absolute;
	top:52px;right:0;
	bottom:0;left:0;
	margin:46px auto;
	z-index:1;
}
.index-container .third-content-title p{
	color:#fff;
}
.index-container .colmn-content-hd{
	margin-top:70px;
	}
